<!doctype html>
<html lang="">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>北塔软件</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta content="telephone=no" name="format-detection" />
      <link rel="apple-touch-icon" href="../static/assets/images/favicon.png" type="image/x-icon">
      <link rel="icon" href="../static/assets/images/favicon.png" type="image/x-icon">
      <link rel="stylesheet" href="../static/assets/css/font-awesome.min.css">
      <link rel="stylesheet" href="../static/assets/css/animation.css">
      <link rel="stylesheet" href="../static/components/sweetalert2/sweetalert2.css">
      <link rel="stylesheet" href="../static/components/viewer/viewer.min.css">
      <link rel="stylesheet" href="../static/assets/css/website-page.css">
      <link rel="stylesheet" href="../static/assets/css/static-page.css">
      <link rel="stylesheet" href="../static/assets/css/style.css">
      <script src="../static/assets/js/jquery.js"></script>
      <script src="../static/components/sweetalert2/sweetalert2.js"></script>
      <script type="text/javascript" src="../static/components/bootstrap.min.js"></script>
      <script src="../static/assets/js/jquery-ui.min.js"></script>
      <script src="../static/assets/js/imgUp.js"></script>
      <script type="text/javascript" src="../static/components/viewer/viewer.min.js"></script>
   </head>
   <body><!-- 滚动条往下滚动页面的时候头部固定效果 加类名fixed-head-->
      <header id="header" class="header pr" role="banner">
         <nav class="header-navbar" role="navigation"><!-- 滚动条往下滚动页面的时候头部固定效果 加类名fixed-top-->
            <div class="navbar-top">
               <div class="container clearfix">
                  <div class="navbar-left fl">
                     <div>欢迎来到BTSO3.0主题网站 <span class="ml20"><i class="fa fa-phone mr5"></i>技术服务热线：400-820-7719</span><span class="head_phonetxt"><span class="top_text ml50">当前所在企业：上海市电力公司-国家电网  </span><!-- <span class="top_text ml20">联系电话：138166999999</span> --></span></div>
                  </div>
                  <div class="navbar-right fr">
                    <span class="navbar-login none">
                      <a href="login.html"><i class="fa fa-user mr5"></i>登录</a>
                      <a href="phone-register.html"><i class="fas fa-sign-in mr5 ml20"></i>注册</a>
                    </span>
                    <!-- 登录后状态 去掉none即可-->
                    <span class="navbar-user "><a href="../用户中心/admin-index.html"><i class="fa fa-user mr10"></i>张三，注册会员，下午好</a><a href="javascript:;" class="loginuser-exit">退出</a></span>
                  </div>
               </div>
            </div>
            <div class="sticky-wrapper nav-bgcol">
               <div class="container">
                  <div class="navbar-header clearfix pr">
                     <button type="button" id="navbar-phone" class="navbar-toggle navbar-btn btn-icon btn-circle pull-right collapsed">
                        <span class="fa fa-reorder"></span>
                     </button>
                     <a class="navbar-brand" href="index.html"><img src="../static/assets/images/logo.png" alt=""></a>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-search"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-shopping-cart"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-pencil-square-o"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-bell"></i></button>
                     <ul class="navbar-navphone none"> <!-- navbar-phone该层点击的时候toggle none -->
                       <li><a href="../index.html">首页</a></li>
                       <li class="pr">
                        <a href="#">产品中心</a>
                        <ul class="">
                          <li>
                            <a class="dropdown-item" href="static-index.html">北塔BTSO 智慧运维平台</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="industry-case.html">北塔BTDO 业务保障系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="data-download.html">北塔BTSM IT服务管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="#">北塔BTIM IT综合管理软件</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="trial-apply.html">北塔BTRM IT资源管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-contrast.html">北塔BTDM 数据流分析系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">EMonitor 监控管家</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTCM IT运维集中管理软件</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTNM 网络运维管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTDP</a>
                          </li>
                        </ul>
                      </li>
                      <li>
                        <a href="product-404.html" class="dropdown-toggle">解决方案</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">注册管理</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">互动社区</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">技术支持</a>
                      </li>
                      <li>
                        <a href="admin-index.html" class="dropdown-toggle">用户中心</a>
                      </li>
                    </ul>
                  </div>
                  <div class="collapse navbar-collapse" id="main-navbar-container">
                    <ul class="nav navbar-nav pr hidden-md">
                      <li class="">
                        <a href="../index.html" class="dropdown-toggle">首页<em>/</em></a>
                      </li>
                      <li>
                        <a href="../产品中心/product-center.html" class="dropdown-toggle">产品中心<em>/</em></a>
                        <div class="nav-menu-area clearfix">
                          <ul class="single-mega-item">
                            <li class="block">IT监控</li>
                            <li><a href="common-problem.html">BTSO北塔智慧运维平台软件</a></li>
                            <li><a href="#">BTVD北塔视频质量诊断软件</a></li>
                          </ul>
                          <ul class="single-mega-item">
                            <li class="block">IT管理</li>
                            <li><a href="#">BTSM北塔服务管理软件</a></li>
                            <li><a href="#">BTAM北塔IT资产管理系统</a></li>
                            <li><a href="#">BTRM北塔IT资源管理系统</a></li>
                            <li><a href="#">Portal北塔运维门户组件</a></li>
                          </ul>
                        </div>
                      </li>
                      <li>
                        <a href="product-404.html" class="dropdown-toggle">解决方案<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">注册管理<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">互动社区<em>/</em></a>
                      </li>
                      <li class="active">
                        <a href="list.html" class="dropdown-toggle">云端百货<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">技术支持<em>/</em></a>
                      </li>
                      <li>
                        <a href="../企业账户/admin-index.html" class="dropdown-toggle">企业账户</a>
                      </li>
                    </ul>
                    <!-- <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-calendar-check-o"></i></i><span class="circle-red">2</span></button>
                    </div> -->
                    <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="消息" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i><span class="circle-red">2</span></button>
                    </div>
                    <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="反馈" class="navbar-btn btn-icon btn-circle navbar-right last" data-toggle="collapse" data-target="#header-search-form"><i class="fa fa-pencil-square-o"></i></button>
                    </div>
                    <div class="dropdown hidden-sm hidden-xs btn-search pr"><!-- 点击搜索按钮加类名active -->
                      <button type="button" title="搜索" class="navbar-btn btn-icon btn-circle navbar-right last" data-toggle="collapse" data-target="#header-search-form"><i class="fa fa-search"></i></button>
                      <div class="search-box">
                        <input type="text" class="search-input">
                        <i class="fa fa-arrow-circle-o-right"></i>
                      </div>
                    </div>
                  </div>
               </div>
            </div> 
         </nav>
      </header>
      <section>
        <section class="breadcrumb_item">
          <div class="breadcrumb-yun">
            <div class="container">
              <span>当前位置：</span>
              <span class="layui-breadcrumb">
                <a href="list.html">云端百货</a>
                <span class="layui-box">&gt;</span>
                <a class="bread-cite"><cite>商品详情</cite></a>
              </span>
            </div>
          </div>
        </section>
        <section class="soft-section pb30 pr">
          <div class="container problem-container problem-smcontainer">
            <div class="commodity-content">
              <div class="commodity-detail clearfix">
                <div class="commodity-head-left pr">
                  <h3>商品名称品名称商品商品名称商品名称商品名称商品名称品1.0<a href="../企业账户/vip-manage.html" class="btn-pill pill-circle btn-outline-danger ml10">商品续期</a></h3>
                  <p>一款好玩且有用的数据DIY展现工具，用户可自由选择展现的图元和数据，呈现有企业特色的监控数据。一款好玩且有用的数据DIY展现工具，用户可自由选择展现的图元和数据，呈现有企业特色的监控数据。</p>
                  <p class="commodity-downscore">下载积分：<span>500</span>积分</p>
                  <div class="p-extra mt20">适用标签：<span class="span-labelitem">医疗行业</span><span class="span-labelitem">电力行业</span><span class="span-labelitem">金融证券</span><span class="span-labelitem">大型企业</span><span class="span-labelitem orange">仅VIP会员可用</span></div> <!-- 注： 橘色标签span里面再加个orange类名 -->
                  <div class="p-extra">最低环境依赖：DP4.0，DIY工具1.0</div>
                  <div class="p-extra clearfix">商品分类：软件工具>场景模板 | 软件大小：20KB | 版本：1.0.1 | 发布时间：2019-8-18　| 下载次数：10　<span class="fr commodity-extraicon"><em id="consultationModel"><i class="fa fa-pencil"></i>咨询</em><em><i class="fa fa-heart-o"></i>收藏</em>
                    <em class="commodity-share pr">
                      <i class="fa fa-share-alt"></i>分享
                      <div class="share-tipbox">
                        <div class="share-tipitem">
                          <p><i class="fa fa-link"></i><a href="#">复制链接</a></p>
                          <p><i class="fa fa-weibo orange"></i><a href="#">新浪微博</a></p>
                          <p><i class="fa fa-weixin blue"></i><a href="#">微信扫一扫</a></p>
                          <p><img src="../static/assets/images/qrcode.jpg" alt=""></p>
                        </div>
                      </div>
                    </em>
                  </span></div>
                  <div class="commodity-downbtn">
                    <button class="btn btn-blue biger-btn" id="commodityDown">
                      <i class="fa fa-arrow-circle-o-down"></i>立即下载
                    </button>
                  </div>
                </div>
                <div class="commodity-head-right">
                  <span class="commodity-tips-title">温馨提示：</span>
                  <p class="mt5 commodity-tips">VIP会员专享商品，VIP会员有效期内，0积分商品可正常下载及使用；VIP会员到期，商品停止使用。</p>
                </div>
              </div>
              <div class="commodity-morebox">
                <div class="navbox-tab">
                  <ul class="tab-nav">
                      <li class="active">商品介绍</li>
                      <li>典型用例</li>
                      <li>最新咨询</li>
                  </ul>
                  <div class="tab-cnt">
                    <div class="tab_pane">
                      <p style="height:900px;">商品详情......</p>
                    </div>
                    <div class="tab_pane none">
                      <p style="height:900px;">典型用例......</p>
                    </div>
                    <div class="tab_pane none">
                      <ul class="consultation-ul">
                        <li>
                          <p><span class="consultation-name">匿名网友</span><span class="consultation-time">2019-11-29 01:52:58</span></p>
                          <p><i class="fa fa-question-circle"></i><span class="qa-font">这个场景模板能解决多大型企业的机房管理问题这个场景模板能解决多大型企业的机房管理问题这个场景模板能解决多大型企业的机房管理问题这个场景模板能解决多大型企业的机房管理问题这个场景模板能解决多大型企业的机房管理问题这个场景模板能解决多大型企业的机房管理问题？</span></p>
                          <div id="viewer" class="replay-imagesbox ml25 clearfix">
                            <ul class="pictures">
                              <li><img data-original="../static/assets/images/view/viewer1.jpg" src="../static/assets/images/view/viewer1.jpg" alt="图片1"></li>
                              <li><img data-original="../static/assets/images/view/viewer2.jpg" src="../static/assets/images/view/viewer2.jpg" alt="图片2"></li>
                              <li><img data-original="../static/assets/images/view/viewer3.jpg" src="../static/assets/images/view/viewer3.jpg" alt="图片3"></li>
                            </ul>
                          </div>
                          <p><i class="fa fa-commenting"></i><span class="answer-font">恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用恩~不错，免费版的能用</span></p>
                          <span class="consulation-zan"><i class="fa fa-thumbs-up"></i>5</span>
                        </li>
                        <li>
                          <p><span class="consultation-name">匿名网友</span><span class="consultation-time">2019-11-29 01:52:58</span></p>
                          <p><i class="fa fa-question-circle"></i><span class="qa-font">这个场景模板能解决多大型企业的机房管理问题？</span></p>
                          <p><i class="fa fa-commenting"></i><span class="answer-font">恩~不错，免费版的能用</span></p>
                          <span class="consulation-zan"><i class="fa fa-thumbs-up"></i>5</span>
                        </li>
                        <li>
                          <p><span class="consultation-name">匿名网友</span><span class="consultation-time">2019-11-29 01:52:58</span></p>
                          <p><i class="fa fa-question-circle"></i><span class="qa-font">这个场景模板能解决多大型企业的机房管理问题？</span></p>
                          <p><i class="fa fa-commenting"></i><span class="answer-font">恩~不错，免费版的能用</span></p>
                          <span class="consulation-zan"><i class="fa fa-thumbs-up"></i>5</span>
                        </li>
                        <li>
                          <p><span class="consultation-name">匿名网友</span><span class="consultation-time">2019-11-29 01:52:58</span></p>
                          <p><i class="fa fa-question-circle"></i><span class="qa-font">这个场景模板能解决多大型企业的机房管理问题？</span></p>
                          <p><i class="fa fa-commenting"></i><span class="answer-font">恩~不错，免费版的能用</span></p>
                          <span class="consulation-zan"><i class="fa fa-thumbs-up"></i>5</span>
                        </li>
                        <li>
                          <p><span class="consultation-name">匿名网友</span><span class="consultation-time">2019-11-29 01:52:58</span></p>
                          <p><i class="fa fa-question-circle"></i><span class="qa-font">这个场景模板能解决多大型企业的机房管理问题？</span></p>
                          <p><i class="fa fa-commenting"></i><span class="answer-font">恩~不错，免费版的能用</span></p>
                          <span class="consulation-zan"><i class="fa fa-thumbs-up"></i>5</span>
                        </li>
                        <li>
                          <p><span class="consultation-name">匿名网友</span><span class="consultation-time">2019-11-29 01:52:58</span></p>
                          <p><i class="fa fa-question-circle"></i><span class="qa-font">这个场景模板能解决多大型企业的机房管理问题？</span></p>
                          <p><i class="fa fa-commenting"></i><span class="answer-font">恩~不错，免费版的能用</span></p>
                          <span class="consulation-zan"><i class="fa fa-thumbs-up"></i>5</span>
                        </li>
                        <li>
                          <p><span class="consultation-name">匿名网友</span><span class="consultation-time">2019-11-29 01:52:58</span></p>
                          <p><i class="fa fa-question-circle"></i><span class="qa-font">这个场景模板能解决多大型企业的机房管理问题？</span></p>
                          <p><i class="fa fa-commenting"></i><span class="answer-font">恩~不错，免费版的能用</span></p>
                          <span class="consulation-zan"><i class="fa fa-thumbs-up"></i>5</span>
                        </li>
                        <li>
                          <p><span class="consultation-name">匿名网友</span><span class="consultation-time">2019-11-29 01:52:58</span></p>
                          <p><i class="fa fa-question-circle"></i><span class="qa-font">这个场景模板能解决多大型企业的机房管理问题？</span></p>
                          <p><i class="fa fa-commenting"></i><span class="answer-font">恩~不错，免费版的能用</span></p>
                          <span class="consulation-zan"><i class="fa fa-thumbs-up"></i>5</span>
                        </li>
                        <li>
                          <p><span class="consultation-name">匿名网友</span><span class="consultation-time">2019-11-29 01:52:58</span></p>
                          <p><i class="fa fa-question-circle"></i><span class="qa-font">这个场景模板能解决多大型企业的机房管理问题？</span></p>
                          <p><i class="fa fa-commenting"></i><span class="answer-font">恩~不错，免费版的能用</span></p>
                          <span class="consulation-zan"><i class="fa fa-thumbs-up"></i>5</span>
                        </li>
                        <li>
                          <p><span class="consultation-name">匿名网友</span><span class="consultation-time">2019-11-29 01:52:58</span></p>
                          <p><i class="fa fa-question-circle"></i><b>这个场景模板能解决多大型企业的机房管理问题？</b></p>
                          <p><i class="fa fa-commenting"></i><span class="answer-font">恩~不错，免费版的能用</span></p>
                          <span class="consulation-zan"><i class="fa fa-thumbs-up"></i>5</span>
                        </li>
                      </ul>
                      <div class="consulatation-moreitem">
                        <i class="fa fa-angle-double-down"></i>
                        <p><a href="#">点击加载更多</a></p>
                      </div>
                      <div class="consulatation-no-data none"><!-- 没有咨询的情况 -->
                        <img src="../static/assets/images/no_data.png" alt="">
                        <p>暂无咨询！</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="productleft-listitem clearfix">
            <div class="productleft_listul">
              <!-- <span class="productleft-iconbtn"><i class="fa fa-angle-right"></i></span> -->
              <ul class="productleft_listulitem">
                <li class="first-lilist active">
                  <a href="javascript:;" class="lilist-link"><i class="fa fa-caret-right"></i><span title="一级标题">一级标题</span></a>
                  <ul class="second_listul">
                    <li><a href="javascript:;" title="二级标题">二级标题</a></li>
                    <li><a href="javascript:;" title="二级标题">二级标题</a></li>
                    <li><a href="javascript:;" title="二级标题">二级标题</a></li>
                  </ul>
                </li>
                <li class="first-lilist active">
                  <a href="javascript:;" class="lilist-link"><i class="fa fa-caret-right"></i><span title="一级标题">一级标题</span></a>
                  <ul class="second_listul">
                    <li><a href="javascript:;" title="二级标题">二级标题</a></li>
                  </ul>
                </li>
                <li class="first-lilist active">
                  <a href="javascript:;" class="lilist-link"><i class="fa fa-caret-right"></i><span title="一级标题">一级标题</span></a>
                  <ul class="second_listul">
                    <li><a href="javascript:;" title="二级标题">二级标题</a></li>
                  </ul>
                </li>
                <li class="first-lilist active">
                  <a href="javascript:;" class="lilist-link"><i class="fa fa-caret-right"></i><span title="一级标题">一级标题</span></a>
                  <ul class="second_listul">
                    <li><a href="javascript:;" title="二级标题">二级标题</a></li>
                  </ul>
                </li>
                <li class="first-lilist active">
                  <a href="javascript:;" class="lilist-link"><i class="fa fa-caret-right"></i><span title="一级标题">一级标题</span></a>
                  <ul class="second_listul">
                    <li><a href="javascript:;" title="二级标题">二级标题</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </section>
      </section>
      <footer class="footer">
        <div class="footer-copyright">
          <div class="container clearfix">
            <div class="foot-logo">
              <img src="../static/assets/images/logo_foot.png" alt="">
            </div>
            <div class="foot-right fr">
              <ul class="copyright-menu clearfix">
                <li><a href="page-legal.html">法律声明</a></li>
                <li>|</li>
                <li><a href="#">关于北塔</a></li>
                <li>|</li>
                <li><a href="contact-us.html">联系我们</a></li>
                <li>|</li>
                <li><a href="#">会员权益介绍</a></li>
                <li>|</li>
                <li><a href="#">管理员创建</a></li>
                <li>|</li>
                <li><a href="#">返回首页</a></li>
              </ul>
              <div class="copyright-txt">
                <span>2001-2018 © 上海北塔软件股份有限公司版权所有</span>
                <span class="ml20">沪ICP备09033812号</span>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <div class="scroll-top">
        <i class="fa fa-angle-up"></i>
      </div>
      <div class="modal fade" id="downModal" aria-hidden="true" keyboard="false" data-backdrop="static"> 
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"  data-dismiss="modal" aria-label="Close"><span>×</span></button>
                    <h4 class="modal-title">确认商品信息</h4>
                </div>
                <div class="modal-body">
                    <p class="product-infoname">商品名称品名称商品商品名称商品名称商品名称商品名称品1</p>
                    <p class="product-infotxt clearfix"><span>x 1</span><span class="fr">500积分/年</span></p>
                    <div class="clearfix">
                      <div class="product-chooseyear">
                        <span>兑换时长</span>
                        <div class="gw_num">
                          <em class="jian">-</em>
                          <input type="text" value="1" class="num"/>
                          <em class="add">+</em>
                        </div>
                        <span>年</span>
                      </div>
                      <div class="product-allprice">合计<span>500</span>积分</div>
                    </div>
                    <p class="mt10">可用至：<b class="c_red">2020-6-30</b>（剩余可用月数待VIP续期成功后可继续使用）</p>
                </div>
                <div class="modal-footer text-left clearfix">
                    <input type="password" class="exchange-pwd form-control" placeholder="请输入登录密码">
                    <button type="button" class="btn btn-blue" id="exchangeSure">确认兑换</button>
                    <button type="button" class="btn btn-gray" data-dismiss="modal">取消</button>
                    <span class="exchange-rule pr fr">
                      <i class="fa fa-question-circle-o ruletip-icon"></i>兑换规则
                      <div class="exchange-ruletip">
                        <div class="exchange-ruletipbox pr">
                          <h3>兑换规则：</h3>
                          <p>1、所有VIP专享商品，仅能在VIP会员有效期内兑换、下载及使用；</p>
                          <p>2、VIP会员到期，则VIP年租商品停止使用，剩余已兑时长将延期至VIP会员续期成功后继续使用，因VIP会员到期导致的商品停用期间不计费。</p>
                        </div>
                      </div>
                    </span>
                </div>
            </div>
        </div>
      </div>
      <div class="modal fade" id="productModal" aria-hidden="true" keyboard="false" data-backdrop="static"> 
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"  data-dismiss="modal" aria-label="Close"><span>×</span></button>
                    <h4 class="modal-title">商品咨询</h4>
                </div>
                <div class="modal-body">
                  <p class="mb10">您好！感谢您一直以来对北塔软件支持，为了更好的为大家服务，请您在此提交使用我们的产品期间所遇到的所有问题，我们将及时给予反馈。</p>
                  <p>你本次反馈的商品名称：<span class="online-name">BTSO北塔智慧运维管理软件</span></p>
                  <div class="online-textarea">
                    <textarea name="" id="" class="form-control" placeholder="输入您要反馈的内容"></textarea>
                  </div>
                </div>
                <div class="online-btn clearfix consultate-file">
                  <div class="z_photo upimg-div clearfix" >
                    <div class="z_photoitem fl"></div>
                    <div class="z_file fl">
                      <div class="add-img"><i class="fa fa-plus-circle"></i></div>
                      <input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple />
                    </div>
                    <span class="z_num"><em class="z_numfirst">0</em>/<em>5</em></span>
                  </div>
                </div>
                <div class="modal-footer text-left clearfix">
                  <div class="online-codebox">
                    <label><span class="c_red">*</span>验证码</label>
                    <input type="text" class="online-codeinput form-control">
                    <img class="input-right" src="../static/assets/images/captcha.jpg" alt="">
                  </div>
                  <button type="button" class="btn big-btn btn-blue" data-dismiss="modal">提交</button>
                  <a href="javascript:;" class="btn-link fr">查看我的反馈记录</a>
                </div>
            </div>
        </div>
      </div>
   </body>
  <script>
    $(function(){
      $(".tab-nav li").on("click",function(){
        $(".tab-nav li").removeClass("active");
        $(this).addClass("active")
        var index = $(this).index();
        $(this).closest(".navbox-tab").find(".tab-cnt .tab_pane").addClass("none").eq(index).removeClass("none");
        if (index == 2) {
          $(".productleft-listitem").addClass("none");
        }else{
          $(".productleft-listitem").removeClass("none");
        }
      });
      
      $(".productleft_listul .lilist-link").on("click",function(){
        $(this).closest(".first-lilist").toggleClass("active")
      });

      $(window).scroll(function() {
        var windscroll = $(window).scrollTop();
        var top = windscroll;
        var target = $('.commodity-morebox').position().top + $('.soft-section').position().top;
        if (windscroll >= 0) {
          if (target <= windscroll) {
            $(".soft-section").addClass("commodity-fixed");
          }else{
            $(".soft-section").removeClass("commodity-fixed");
          }
        }
      });

      $("#commodityDown").on("click",function(){
        $("#downModal").modal("show");
      });

      $('#consultationModel').on("click",function(){
        $("#productModal").modal("show");
      });

       $(".add").click(function(){
         var n=$(this).prev().val();
         var num=parseInt(n)+1;
         if(num==0){ return;}
            $(this).prev().val(num);
       });
       //减的效果
       $(".jian").click(function(){
         var n=$(this).next().val();
         var num=parseInt(n)-1;
         if(num==0){ return}
         $(this).next().val(num);
        });

      // $("#exchangeSure").on("click",function(){//情况一
      //   Swal.fire({
      //     title:'',
      //     showCloseButton:true,
      //     showCancelButton: true,
      //     html:'<div class="alert-text">积分不足，无法完成本次兑换，请先补充积分。</div>',
      //     confirmButtonText: '补充积分',
      //     cancelButtonText: "查看积分"
      //   }).then((result) => {
      //     if (result.value) {
      //       location.href = '/saasweb/企业账户/vip-manage.html'
      //     }else{
      //       location.href = '/saasweb/企业账户/company-points.html'
      //     }
      //   });
      // });


      // $("#exchangeSure").on("click",function(){//情况二
      //   Swal.fire({
      //     title:'兑换失败',
      //     type: 'error',
      //     showCloseButton:true,
      //     showCancelButton: true,
      //     text:'剩余积分不足，请补充积分',
      //     confirmButtonText: '补充积分',
      //     cancelButtonText: "知道了"
      //   }).then((result) => {
      //     if (result.value) {
      //       location.href = '/saasweb/企业账户/vip-manage.html'
      //     }
      //   });
      // });

      $("#exchangeSure").on("click",function(){//情况三
        Swal.fire({
          title:'兑换成功',
          type: 'success',
          showCloseButton:true,
          showCancelButton: true,
          text:'后台LCN授权中，请稍后下载',
          confirmButtonText: '立即下载',
          cancelButtonText: "知道了"
        }).then((result) => {
          if (result.value) {
            location.href = 'download.html'
          }
        });
      });

      $(".productleft-open").on("click",function(){
        $(this).closest(".productleft-listitem").toggleClass("open");
        $(this).toggleClass("active");
      });

      $(".productleft-iconbtn").on("click",function(){
        $(this).closest(".productleft-listitem").removeClass("open");
        $(".productleft-open").removeClass("active");
      });

      var galley = document.getElementById('viewer');
      var viewer = new Viewer(galley, {
        url: 'data-original',
        title: function (image) {
          return image.alt + ' (' + (this.index + 1) + '/' + this.length + ')';
        },
      });


    });
  </script>
</html>